<template>
  <div class="goodarticle">
    <Zothertop topname="活动推荐"></Zothertop>
    <div class="maincon">
      <div class="activecon clearfix">
        <div class="activecon-con">
        <router-link to="/articlepage">
          <img src="../../../../images/IMG_huodongtuijian_1.png">
          </router-link>
        </div>
      </div>
     <div class="activecon clearfix">
        <div class="activecon-con">
          <img src="../../../../images/IMG_jingxuanwenzhang_4.png">
        </div>
      </div>
    </div>
    <div class="bg"></div>
  </div>
</template>
<script>
import Zothertop from "../../../../components/zothertop.vue"

export default {

  name:'goodarticle',
  data(){
      return{

      }
  },

  components:{
    Zothertop
  }
}
</script>
<style lang="less" scoped>
 body{
    background-color: #fafafa;
    color:#808080;
  }
  .maincon{
    float: left;
    margin: 20/75rem 20/75rem;
  }  
  .bg{
    height: 188/75rem;
    background: #ff406f;
  }
  .activecon{
    background-color: #fff;
    padding: 30/75rem 20/75rem 32/75rem 20/75rem;
    box-shadow: 2/75rem 2/75rem 9/75rem rgba(0,0,0,0.1);
    border-radius: 10/75rem;
    margin-top: 40/75rem;
    position: relative;
  }

</style>
